<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">

<title>建筑数量详细</title>
<link rel="stylesheet" href="css/vivo.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="js/bootstrap2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/common.css">
<link href="js/select2/select2.min.css" type="text/css" rel="stylesheet" />

<script src="js/jquery-1.11.1.js"></script>
<script src="js/bootstrap2/js/bootstrap.min.js"></script>
<script src="js/select2/select2.min.js"></script>
<script src="js/sharefunction.js"></script>

</head>

<body>
<!-- 建筑id隐藏域 -->
<input id="buildingNumId" type="hidden" value="${requestScope.buildingNum.id }" />
	<div id="buildingNumChoose">
		<div class="tabbable">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist" id="BN">
				<li class="active"><a href="#tab2-1" data-toggle="tab">建筑面积</a></li>
				<li><a href="#tab2-2" data-toggle="tab">楼层数量</a></li>
				<li><a href="#tab2-3" data-toggle="tab">使用功能</a></li>
				<li><a href="#tab2-4" data-toggle="tab">建筑形式</a></li>
			</ul>

			<!-- Tab panes -->
			<div class="tab-content">
				<!-- 建筑面积start -->
				<div id="tab2-1" class="tab-pane active">
					<%@include file="buildingArea-add.jsp"%>
				</div>
				<!-- 建筑面积end -->
				<!-- 楼层数量start -->
				<div id="tab2-2" class="tab-pane">
					<%@include file="floorNum-add.jsp"%>
				</div>
				<!-- 楼层数量end -->
				<!-- 使用功能start -->
				<div id="tab2-3" class="tab-pane">
					<%@include file="useInfo-add.jsp"%>
				</div>
				<!-- 其使用功能end -->
				<!-- 建筑形式start -->
				<div id="tab2-4" class="tab-pane">
					<%@include file="buildingTypes-add.jsp"%>
				</div>
				<!-- 建筑形式end -->
			</div>
		</div>

	</div>
	<script type="text/javascript">
	
	//根据变量选择页面进来之后显示哪个选项卡
	function initTabList(){
	//(用于建筑面积地上地下保存)
		if(parent.tabShow=="" || parent.tabShow == null){
			$("#area_tab [role='tablist'] li:eq(0) a").tab("show");
		}else{
			$("#area_tab [role='tablist'] li:eq("+parent.tabShow+") a").tab("show");
		}
		//用于建筑面积、建筑形式等
		if(parent.tabTypeShow==""||parent.tabTypeShow == null){
			$("#buildingNumChoose [role='tablist'] li:eq(0) a").tab("show");
		}else{
			$("#buildingNumChoose [role='tablist'] li:eq("+parent.tabTypeShow+") a").tab("show");
		}
	}
	$(function(){
		initTabList();
	});
	</script>
</body>
</html>
